<template />
<script>
import { global } from '../../filter/global-api'
import _common from '../../framework/commonJs/wptx_common'
import _validate from '../../framework/commonJs/wptx_validate'
import _tools from '../../framework/commonJs/wptx_tools'
import $ from 'jquery'
import wx from 'weixin-js-sdk'
import cosjssdk from '../../filter/cos-js-sdk-v5'
import _taskplaybookfeedbackapi from '../API/taskplaybookfeedbackapi'
const _FUNCTION_NAME = _common.pageName.WPTXTXUPLOAD
export default {
  props: {},
  data() {
    return {
      cos: {},
      tableData: {
        uploadType: null,
        uploadTypeName: '',
        initParams: {
          imageAvailable: true,
          imageMaxSize: 3,
          videoAvailable: false,
          videoMaxSize: 10,
          savePath: ''
        },
        inputParams: {},
        uploadFileInfo: {
          uploadUrl: ''
        }
      },
      customData: {
        chooseFile: null,
        visible: false
      },
      callback: null
    }
  },
  mounted() {
    const self = this
    self.onInit()
  },
  methods: {
    onInit() {
      const self = this
      const pageurl = window.location.href
      _taskplaybookfeedbackapi.config(self, pageurl, self.callBack_config)
    },
    callBack_config(data) {
      const self = this
      var auth_list = [
        'checkJsApi',
        'scanQRCode',
        'chooseImage',
        'previewImage',
        'uploadImage',
        'getLocalImgData',
        'downloadImage'
      ] // checkJsApi使用企业微信SDK的基础配置，scanQRCode使用企业微信扫一扫直接返回结果的SDK
      wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
        appId: data.corpId, // 必填，企业微信的corpID
        timestamp: data.timestamp, // 必填，生成签名的时间戳
        nonceStr: data.nonceStr, // 必填，生成签名的随机串
        signature: data.signature, // 必填，签名，见附录1
        jsApiList: auth_list // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      })
      wx.ready(function() {
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
        wx.checkJsApi({
          jsApiList: ['chooseImage', 'getLocalImgData'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
          success: function(res) {
            CommonService.showToast(res.checkResult.scanQRCode)
          },
          error: function(res) {
            _tools.openTip(self, '您的微信客户端太低，请升级后再试！', 'error')
          }
        })
      })
      wx.error(function(res) {
      })
    },
    chooseImage() {
      const self = this
      wx.chooseImage({
        count: 1, // 默认9
        sizeType: 'compressed', // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        defaultCameraMode: 'normal', // 表示进入拍照界面的默认模式，目前有normal与batch两种选择，normal表示普通单拍模式，batch表示连拍模式，不传该参数则为normal模式。（注：用户进入拍照界面仍然可自由切换两种模式）
        isSaveToAlbum: 1, // 整型值，0表示拍照时不保存到系统相册，1表示自动保存，默认值是1
        success: function(res) {
          wx.uploadImage({
            localId: res.localIds[0], // 需要上传的图片的本地ID，由chooseImage接口获得
            isShowProgressTips: 1, // 默认为1，显示进度提示
            success: function(res) {
              var serverId = res.serverId // 返回图片的服务器端ID
              self.$emit('uploadReceive', serverId) // //调用父页面的上传
            }
          })
        }
      })
    }
  }
}
</script>
